/* 
    Document   : jquery.thegioitinhoc
    Created on : 30-12-2012, 12:24:45
    Author     : southseapro
    Description:
    Purpose of the stylesheet follows.
*/
/*** Form here ***/
.form_asterisk{
	color:#FF3300;
}
.form_button, .form_button_blink{
	font-weight:normal;
}
.form_button_div{
	text-align:center;
	margin:10px;
}
.form_control{
	border:1px #CCCCCC solid;
	font-size:13px;
	font-weight:normal;
	outline:none;
	padding:1px;
}
.form_control_null_value{
	color:#BBBBBB;
}
.form_errorMsg_content{
	line-height:18px;
	padding:5px 10px 5px 0px;
}
.form_errorMsg{
	color:#FF0000;
}
.form_name, .form_name_top{
	font-weight:bold;
	white-space:nowrap;
	text-align:right;
}
.form_table td{
	padding:4px 5px 4px 5px;
}
.form_table td.form_name_top{
	padding-top:7px;
	vertical-align:top;
}
.form_text{
	text-align:left;
}
.form_text_note{
	font-size:11px;
	color:#808080;
}
.form_text_title{
    color:#E97D13;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
}
.form_text_warning{
	font-size:11px;
	margin-top:3px;
}
.form_search_button{
	padding:8px;
	text-align:center;
}
.form_search_button input{
	width:100px;
}
.form_search_table .form_name, .form_search_table .form_control, .form_search_table .form_text{
	font-size:11px;
	white-space:normal;
}
.form_search_table .price_text{
	font-weight:bold;
	text-align:right;
	width:102px;
}
.form_search_table .level_1{
	margin-bottom:3px;
}
.ui-widget-header {
    background: url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #F6A828;
    border: 0px solid #E78F08 !important;
    color: #FFFFFF;
    font-weight: bold;

}
.infoUser {
    float: left;
    vertical-align: middle;
}
.infoUser span {
    display: inline-block;
    float: left;
    color: white;
    padding: 4px 10px 4px 39px;
}
.infoUser a {
    display: inline-block;
    float: left;
    color: white;
    padding: 4px 10px 4px 0px;
}
	/*** form đang ky ***/
	/***************************/
	.formType{width:100%;}
		.formType h3{text-transform:uppercase; padding:5px 0 0 0}
		.formType dl{/*border:#dbdbdb solid 1px;*/ border-top:none}
		.formType dt{background:#fcfcfc url(../images/bgd_title_03.gif) 0 0 repeat-x; padding:7px 10px; border-bottom:#dbdbdb solid 1px; border-top:#dbdbdb solid 1px; text-transform:none;}
		.formType dt span{font-weight:normal}
		.formType dd{padding:15px 125px;}
		.formType p{width:100%; overflow:hidden; display:block; margin:0 0 10px 0}
		.formType label{width:150px; float:left; display:block; margin:0 5px 0 0; padding:2px 0 0 0}
		.formType input{width:280px; float:left; margin:0 10px 0 0}
		.formType .box input{width:13px; float:none; margin:0 auto}
		.formType .checkType{padding:20px 0 0 0}
		.formType .checkType input{width:15px; height:15px; border:none; padding:0; margin: 2px; float:left}
		.formType .checkType label{width:95%; margin:0; padding:0}
		.formType .btn{ padding:10px 0 0 0px}
		.formType .btn input{width:79px; height:26px; padding:0 0 2px 0; margin:0 5px; color:#fff; font-weight:bold; border:none; background: url(../images/bgd_btn.gif) 0 0 no-repeat; cursor:pointer; float:none}
		.formType th{width:150px; font-weight:normal; padding-left:0}
		.formType textarea{width:500px !important; float:left; height:150px}
		.formType  select{width:280px; float:left; margin:0 5px 0 0}
		.formType p span{/*float:left;*/ margin:0 5px 0 0; padding:2px 0 0 0; color:#ba0a0a}
		.formType td strong span { color:#FF0000;}
		.formType .tblContent{background:#dbdbdb; margin:0 0 15px 0}
		.formType .tblContent th{padding:5px; background:#e4eef6; font-weight:bold; width:auto; text-align:center}
		.formType .tblContent th input{width:13px; height:13px; border:none; padding:0; margin:0 auto; float:none}
		.formType .tblContent td{padding:5px; background:#fff;}
		.formType .btn2 span{display:block; float:right; background:url(../images/bgd_rightBtn.gif) 100% 0 no-repeat; padding:0 4px 0 0; cursor:pointer; margin:0 0 0 5px}
		.formType .btn2 span input{padding:0 1px 3px 5px; background:url(../images/bgd_btn_02.gif) 0 0 no-repeat; border:none; height:22px; font-weight:bold; color:#FF0000; width:81px; margin:0; cursor:pointer}
		.infoType3{width:100%; overflow:hidden; margin:0 0 10px 0}
		.infoType3 div {border: 1px solid #DBDBDB;float: left;height: 191px;margin: 0 12px 10px 0;padding: 10px 9px 10px 20px;position: relative;width: 94%;
}
		.infoType3 label{display:block; width:100px; float:left; padding:2px 0 0 0; font-style:italic; height:18px}
		.infoType3 div p{padding:0; margin:0 0 10px 0; display:block}
		.infoType3 .last{margin:0; float:right}
		.infoType3 div .btnEdit{position:absolute; right:10px; bottom:7px}
		.formType .infoType3 div .btnEdit a span{background: url(../images/bgd_btn_02.gif) 0 0 no-repeat; color:#fff; font-weight:bold; font-weight:12px; line-height:23px; height:23px; display:block; width:78px; text-align:center}

        
/*paging*/
.paging{clear:both; text-align:center; padding-top: 10px;}
.paging a{ color:#000;display:inline-block;}
.paging a:hover{ text-decoration:none;}
.paging a.curent{ color:white;}

.noproduct {
    padding: 15px 0px;
    text-align: center;
}

/*___giohang___*/

.giohang { width:760px; height:auto; float:left; margin-top:10px;}
.giohang > p { float:left; font-weight:bold; line-height:30px; margin-left:10px; padding-bottom:10px; color:#444; font-size:13px;}

.tt-ctgh { width:740px; height:auto; float:left; margin-left:10px;}
.tt-ctgh > ul { list-style:none;}
.tt-ctgh > ul > li { float:left; background:#155487;}
.tt-ctgh > ul > li > p { text-align:center; padding:10px 0 10px 0; color:white; font-weight:bold;}
.tt-ctgh > ul > li.sothutu { width:40px; float:left; border-right:1px dotted white;}
.tt-ctgh > ul > li.tensp { width:299px; float:left; border-right:1px dotted white;}
.tt-ctgh > ul > li.masp { width:139px; float:left; border-right:1px dotted white;}
.tt-ctgh > ul > li.sluong { width:65px; float:left; border-right:1px dotted white;}
.tt-ctgh > ul > li.gtien { width:130px; float:left; border-right:1px dotted white;}
.tt-ctgh > ul > li.ttien { width:159px; float:left; border-right:1px dotted white;}
.tt-ctgh > ul > li.xoasp { width:40px; float:left;}

.cc-ctgh { width:740px; height:auto; float:left; margin-left:10px;}
.dong-chitiet { width:740px; height:auto; float:left;}
.dong-chitiet > ul { list-style:none;}
.dong-chitiet > ul > li { float:left; border-bottom:1px dotted #ccc; height:50px;}
.dong-chitiet > ul > li > p { padding:5px 0 5px 0; color:#333; display: block; line-height:30px; padding:10px;}
.dong-chitiet > ul > li > a { text-align:center; padding:5px 0 5px 0; color:#333; display: block; line-height:30px; padding:10px; text-decoration:underline;}
.dong-chitiet > ul > li > span { text-align:center; padding:5px 0 5px 0; color:#900; display: block; line-height:30px; padding:10px;}
.dong-chitiet > ul > li.sothutu { width:40px; float:left; background:#f9f9f9; border-right:1px dotted #ccc;}
.dong-chitiet > ul > li.tensp { width:299px; float:left; background:#f9f9f9; border-right:1px dotted #ccc;}
.dong-chitiet > ul > li.masp { width:139px; float:left; background:#f9f9f9; border-right:1px dotted #ccc;}
.dong-chitiet > ul > li.sluong { width:65px; float:left; background:#f9f9f9; border-right:1px dotted #ccc;}
.dong-chitiet > ul > li.gtien { width:130px; float:left; background:#f9f9f9; border-right:1px dotted #ccc;}
.dong-chitiet > ul > li.ttien { width:159px; float:left; background:#f9f9f9; border-right:1px dotted #ccc;}
.dong-chitiet > ul > li.xoasp { width:40px; float:left; background:#f9f9f9;}

.dong-chitiet > ul > li.hinhanh > img { width:80px; height:auto; margin:9px 0 0 9px; border:1px solid white;}
.dong-chitiet > ul > li.xoasp > a > img { margin-top:5px;}
.dong-chitiet > ul > li.soluong > a { margin-top:28px;}

.tongtientinh { width:700px; height:auto; float:left; background:#155487;}
.tongtientinh > ul { list-style:none;}
.tongtientinh > ul > li { float:left;}
.tongtientinh > ul > li > p { display:block; padding:10px 0 10px 10px; color:white; font-weight:bold;}
.tongtientinh > ul > li > span { display:block; padding:10px 0 10px 0; text-align:center; color:white; font-weight:bold;}
.tongtientinh > ul > li.tttt { width:300px; height:auto; float:left;}
.tongtientinh > ul > li.cccc { width:160px; height:auto; float:left; margin-left:237px;}

.nutnut { width:700px; height:auto; float:left; margin-top:10px;}
.nutnut > ul { list-style:none;}
.nutnut > ul > li { height:33px;}
.nutnut > ul > li.capnhat { width:100px; height:33px; float:left;}
.nutnut > ul > li.tieptuc { width:155px; height:33px; float:left; margin-left:4px;}
.nutnut > ul > li.thanhtoan { width:115px; height:33px; float:right;}
.nutnut > ul > li.guidon { width:155px; height:33px; float:right; margin-right:4px;}

/*___senddondathang___*/

.senddondathang { width:750px; height:auto; float:left; margin:10px 5px 0 5px;}

.senddondathang ul{ padding-left:50px;}
.senddondathang > span { float:left; font-weight:bold; line-height:30px; margin-left:10px; /*padding-bottom:10px;*/ color:#09378C; font-size:14px; text-transform:uppercase}

.formType2 {
    padding: 10px 0;
    width: 100%;
}
.formType2 .text {
    padding: 0 0 20px;
}
.formType2 span {
    color: #FF0000;
    padding: 0 3px 0 0;
}
.formType2 fieldset {
    padding: 0 20px 20px;
}
.formType2 fieldset a {
    text-decoration: underline;
}
.formType2 fieldset h2 {
    color: #FF0000;
    font-size: 1.2em;
    font-weight: bold;
    padding: 4px 0 6px 15px;
}
.formType2 fieldset p {
    display: block;
    margin: 0 0 7px;
    overflow: hidden;
    width: 100%;
}
.formType2 fieldset label {
    display: block;
    float: left;
    padding: 2px 0 0;
    width: 130px;
}
#ajaxResult {
    color: #008000;
}
.formType2 fieldset input {
    float: left;
    margin: 0 5px 0 0;
    padding: 2px;
    width: 200px;
}
.formType2 fieldset .checkbox {
    border: 0 none;
    float: left;
    margin: 0 5px 0 0;
    padding: 2px;
    width: 15px;
}
.formType2 fieldset select {
    padding: 2px;
    width: 205px;
}
.formType2 fieldset .btn {
    padding: 0 0 0 130px;
    width: 60%;
}
.formType2 fieldset .btn2 {
    padding: 0 0 0 130px;
    width: 60%;
}
.formType2 fieldset .code {
    width: 120px;
}
.formType2 fieldset .btn input {
    background: url(../images/bgd_btn_02.gif) no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FF0000;
    cursor: pointer;
    font-weight: bold;
    height: 22px;
    padding: 0;
    width: 81px;
}
.formType2 fieldset .btn2 input {
    height: 25px;
    padding-left: 13px;
    width: 80px;
}
.formType2 fieldset .box2 {
    width: 150px;
}
.formType2 fieldset img {
    display: block;
    float: left;
    padding: 0;
}
.formType2 fieldset .total p {
    background: none repeat scroll 0 0 #E0E0E0;
    clear: both;
    float: right;
    font-weight: bold;
    margin: 0;
    padding: 5px 20px 5px 5px;
    width: 40%;
}
.formType2 fieldset .total p span {
    float: right;
    font-weight: normal;
}
.formType2 .shippingNote {
    clear: both;
    float: right;
    margin: 0 0 20px;
    padding: 5px 10px 5px 0;
    width: 40%;
}
.formType2 .orderLog {
    background-color: #FFFFFF;
    display: block;
    float: right;
    height: 140px;
    margin: -110px 0 0;
    overflow: scroll;
    width: 400px;
}
.formType2 .error {
    color: #FF9900;
    margin: 0 0 0 130px;
}
.formType2 .success {
    color: #009900;
}

.infoType3{width:100%; overflow:hidden; margin:0 0 10px 0}
.infoType3 div {border: 1px solid #DBDBDB;float: left;height: 191px;margin: 0 12px 10px 0;padding: 10px 9px 10px 20px;position: relative;width: 94%;
}
.infoType3 label{display:block; width:100px; float:left; padding:2px 0 0 0; font-style:italic; height:18px}
.infoType3 div p{padding:0; margin:0 0 10px 0; display:block}
.infoType3 .last{margin:0; float:right}
.infoType3 div .btnEdit{position:absolute; right:10px; bottom:7px}
.formType .infoType3 div .btnEdit a span{background: url(../images/bgd_btn_02.gif) 0 0 no-repeat; color:#fff; font-weight:bold; font-weight:12px; line-height:23px; height:23px; display:block; width:78px; text-align:center}

.infoType3 div .btnEdit a:hover span{color:#F60}
.formType .infoType3 p span{display:block; float:left; color:#000; width:205px;}
.viewall{ padding-top:10px; float:right; color:#C00}

.infoType3 h2{ background:none !important; color:#004F7E}
.shoppingBag {
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
}
.shoppingBag input {
    height: 15px;
    width: 40px;
}
.shoppingBag input.box3 {
    border: medium none;
    height: 15px;
    width: 15px;
}
.shoppingBag table {
    background: none repeat scroll 0 0 #C2C2C2;
    margin: 0 0 10px;
}
.shoppingBag th {
    background: none repeat scroll 0 0 #999999;
    color: #FFFFFF;
    padding: 7px 5px;
    text-align: center;
}
.shoppingBag td {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}
.shoppingBag .bgType td {
    background: none repeat scroll 0 0 #EFF8FD;
}
.shoppingBag .first {
    padding: 0;
    text-align: right;
}
	
.total {
    overflow: hidden;
    width: 100%;
}
.total p {
    background: none repeat scroll 0 0 #E0E0E0;
    clear: both;
    color: #000000;
    float: right;
    font-weight: normal;
    margin: 0;
    padding: 5px 20px 5px 5px;
    width: 35%;
}
.basketInfo {
    margin: 0 0 10px;
    width: 100%;
}
.basketInfo td strong {
    color: #666C6F;
    text-transform: uppercase;
}
.basketInfo td img {
    border: 1px solid #C6CACB;
}
.basketInfo td input {
    width: 37px;
}
.basketInfo td.first {
    text-align: center;
}
.basketInfo td.first input {
    border: medium none;
    height: 13px;
    margin: 0;
    padding: 0;
    width: 13px;
}
.basketInfo .total {
    color: #D10B00;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}
.basketInfo td.col {
    background: none repeat scroll 0 0 #ECF2F4;
    text-align: center;
}